/**
 * Stylesheet dedicated to the global skinning of the application design. 
 * Skinning defines the look and feel properties like colors, border colors, 
 * background images. This idea is the one used by JQuery UI.
 * @author Clément HELIOU (clement.heliou@gmail.com)
 * @since 1.0
 */

/* Application's links */
a:link, a:visited{
	color: inherit;
	text-decoration: none;
}

/* Page body */
body{
	background-color: #f3f3f3;
	color: #1d1d1d;
	font-family: Arial, Verdana;
	font-size: 12px;
}

/* Any content of the application (except header & footer) */
.content{
	background-color: white;
	border-left: 1px solid #d7d7d7;
	box-shadow: 4px 3px 3px #d7d7d7, 0px 1px 3px #d7d7d7 inset;
}

/* Content separator */
hr{
	background: linear-gradient(to right, rgba(69, 72, 77, 0) 0%, rgba(29, 29, 29, 1) 50%, rgba(69, 72, 77, 0) 100% );
	background: -moz-linear-gradient(left, rgba(69, 72, 77, 0) 0%, rgba(29, 29, 29, 1) 50%, rgba(69, 72, 77, 0) 100% );
	background: -ms-linear-gradient(left, rgba(69, 72, 77, 0) 0%, rgba(29, 29, 29, 1) 50%, rgba(69, 72, 77, 0) 100% );
	background: -o-linear-gradient(left, rgba(69, 72, 77, 0) 0%, rgba(29, 29, 29, 1) 50%, rgba(69, 72, 77, 0) 100% );
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(69, 72, 77, 0) ), color-stop(50%, rgba(29, 29, 29, 1) ), color-stop(100%, rgba(69, 72, 77, 0) ) );
	background: -webkit-linear-gradient(left, rgba(69, 72, 77, 0) 0%, rgba(29, 29, 29, 1) 50%, rgba(69, 72, 77, 0) 100% );
	border: 0;
}